/* scss公共样式变量定义 */
$statusNavHeight: var(--navHeight, 0px);
$TabBarHeight: var(--tabBarHeight, 0px);
/* 主色调-蓝色*/
$color-bg-blue: linear-gradient(270deg,#205d96 0%,#2881b5 100%);

$pri_color_blue: #0097D2;

$pri_color_red: #da5d9e;

$pri_color_purple: #683d8b;

$pri_color_gray: #d8d8d8;

/* 一般色调 */
$color_blue: #0062b1;

$color_red: #a63284;

$color_gray: #f6f6f6;

/* 按钮背景色 */
$btn_color_blue: #0097D2;

$btn_color_red: #da5d9e;

$btn_color_gray: #f6f6f6;

/* 灰色按钮边框色 */
$btn_border_color: #bdbdbd;

/* 按钮点击状态背景色 */
$btn_click_bg_blue: #0088dc;

$btn_click_bg_red: #d54590;

$btn_click_bg_gray: #e5e5e5;

$border_line_color: #dbdfe2;

$main_bg_color: #f6f6f6;

$footer_fz_color: #999999;

$footer_bg_color: #666666;

$font-size-10: 20px;

$font-size-11: 22px;

$font-size-12: 24px;

$font-size-13: 26px;

$font-size-14: 28px;

$font-size-15: 30px;

$font-size-16: 32px;

$font-size-18: 36px;

$font-color: #333333;

$font-color-blue: #205d96;

$font-color-light: #908D8C;

$content_bg_color: #ffffff;

// 背景图片
@mixin bgImage($path) {
  background-image: url($path + "@2x.png");
  @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    background-image: url($path + "@3x.png");
  }
}

// 居中布局
@mixin center() {
  justify-content: center;
  align-content: center;
}

// 不换行
@mixin no-wrap() {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@mixin top-line($c: #e6e6e6) {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid $c;
  color: $c;
  transform-origin: 0 0;
  transform: scaleY(0.5);
  @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    transform: scaleY(0.333333333);
  }
}

@mixin bottom-line($c: #e6e6e6) {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid $c;
  color: $c;
  transform-origin: 0 100%;
  transform: scaleY(0.5);
  @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    transform: scaleY(0.333333333);
  }
}

@mixin left-line($c: #e6e6e6) {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  bottom: 0;
  border-left: 1px solid $c;
  color: $c;
  transform-origin: 0 0;
  transform: scaleX(0.5);
  @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    transform: scaleX(0.333333333);
  }
}

@mixin right-line($c: #e6e6e6, $style: solid) {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  bottom: 0;
  border-right: 1px $style $c;
  color: $c;
  transform-origin: 100% 0;
  transform: scaleX(0.5);
  @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    transform: scaleX(0.333333333);
  }
}

@mixin line($c: #e6e6e6, $border-radius: 0) {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  height: 200%;
  border: 1px solid $c;
  color: $c;
  transform-origin: left top;
  @if ($border-radius != 0) {
    border-radius: $border-radius * 3;
  }
  width: 300%;
  height: 300%;
  transform: scale(0.333333333);
}

// 一像素上边框
@mixin border-top-1px($color: #e6e6e6) {
  position: relative;
  &:before {
    @include top-line($color);
  }
}

// 一像素下边框
@mixin border-bottom-1px($color: #e6e6e6) {
  position: relative;
  &:after {
    @include bottom-line($color);
  }
}

// 一像素上下边框
@mixin border-top-bottom-1px($color: #e6e6e6) {
  position: relative;
  &:before {
    @include top-line($color);
  }
  &:after {
    @include bottom-line($color);
  }
}

// 一像素左边框
@mixin border-left-1px($color: #e6e6e6) {
  position: relative;
  &:before {
    @include left-line($color);
  }
}

// 一像素右边框
@mixin border-right-1px($color: #e6e6e6, $style: solid) {
  position: relative;
  &:after {
    @include right-line($color, $style);
  }
}

// 一像素边框
@mixin border-1px($color: #e6e6e6, $position: relative, $border-radius: 0) {
  position: $position;
  &:after {
    @include line($color, $border-radius);
    pointer-events: none;
  }
}

@mixin shadow-bg($url, $bottom: -66px) {
  & {
    position: relative;
    z-index: 1;
  }
  &:before {
    width: 750px;
    height: 208px;
    content: "";
    background: url($url) no-repeat center bottom;
    background-size: 784px 208px;
    position: absolute;
    bottom: $bottom;
    left: 50%;
    transform: translateX(-50%);
  }
  :first-child {
    position: relative;
    z-index: 2;
  }
}


// 页面初始大小
$originalSize: 30px;
